<!--
 * @Author: 秦福凯
 * @LastEditTime: 2025-10-31 09:42:23
 * @Description: 首页
-->
<template>
  <div class="u-h-100"> 
    <div class="u-homeIndex" v-loading="loadingM">
      <!-- <img class="home-bg" src="@/assets/img/welcome.png" alt="welcome" /> -->
       <div>
        内容：{{ homeData.homeAnnouncement }}
       </div>
       <div>
        热线：{{ homeData.customerService }}
       </div>
    </div>
  </div>
</template>

<script setup>
  import { ref, reactive,onActivated,onMounted} from 'vue'
  import busi_api from '@/api/busiApi'
  let homeData = reactive({})
  let loadingM = ref(false)

  function getHomeMentM(){
    loadingM.value = true
    busi_api.getHomeMent().then(res =>{
      loadingM.value = false
      if(res.data.code == 200){
        homeData = res.data.data
      }
    })
  }

  onMounted(() =>{
    getHomeMentM()
  })


  </script>
  <style lang='scss' scoped>
  .u-homeIndex{
    background-color: white;
    height: calc(100% - 48px);
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    // justify-content: center;
    img{
      background-size: cover;
      width: 70%;
      max-width: 1200px;
      margin-bottom: 20px;
    }
  }
 
</style>